<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/user/zhangHao_bangDing.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back">
				<img src="../../img/enter/icon_back@2x.png" alt=""/>
			</a>
		    <h1 class="mui-title">账号绑定</h1>
		</header>
		<div class="mui-content">
			<div>
				<span>微信账号</span>
				<input type="text" placeholder="请输入微信账号" id="zh"/>
			</div>
			
			<p class="btn">确认绑定</p>
		</div>	
		<div class="com_pop">
			<div class="com">
				<p class="com_tit"></p>
				<p class="com_tip"></p>
				<p class="com_enter">确定</p>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.7.2.js"></script>
		<script src="../../js/tiaozhuan.js"></script>
		<script type="text/javascript">
			mui.init();	
			$('.btn').on('tap', function() {
				if($('#zh').val()==''){
					$('.com_tit').html($('.mui-title').html());
					$('.com_tip').html('请输入微信账号');
					$('.com_pop').css('display','block');
				}else{
					$('.com_tit').html($('.mui-title').html());
					$('.com_tip').html($('.mui-title').html()+'成功！');
					$('.com_pop').css('display','block');
				}
					
			})
			$('.com_enter').on('tap',function(){
				 $('.com_pop').css('display','none');
			})
		</script>
	</body>

</html>